<!-- 


Access to XMLHttpRequest at 'http://localhost:3000/goodslist' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

在 null 服务器上不允许使用ajax访问 http://localhost:3000  这个服务器上的资源，因为被跨域资源共享政策给阻止：因为你没有设置 Access-Control-Allow-Origin




Access to XMLHttpRequest at 'http://localhost:3000/goodslist' from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

在 http://127.0.0.1:5500服务器上不允许使用ajax访问 http://localhost:3000   这个服务器上的资源，因为被跨域资源共享政策给阻止：因为你没有设置 Access-Control-Allow-Origin




Access to XMLHttpRequest at 'http://localhost:3000/goodslist' from origin 'http://127.0.0.1:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 

在 http://127.0.0.1:3000 服务器上不允许使用ajax访问 http://localhost:3000   这个服务器上的资源，因为被跨域资源共享政策给阻止：因为你没有设置 Access-Control-Allow-Origin



同源: 同一个服务器，协议、服务器名称、端口号一摸一样 才叫同源

跨域：不同源：协议、服务器名称、端口号 只要有一样不同，则是跨域


 http://localhost:3000   http://localhost:3000  同源
 http://localhost:3000   http://127.0.0.1:3000  跨域
 http://localhost:3000   https://localhost:3000  跨域
 http://localhost:3000   http://localhost:3001  跨域


-->
<!-- 
    解决跨域问题：
    1、不跨域：页面和资源在同一个服务器上 （不常用的方式，因为通常开发模式是前后端分离，或者使用其他人写好的现成的接口）

    2、使用其他方式代替ajax请求 ，例如jsonp（不常用，jsonp只能是get请求）

    3、设置响应头Access-Control-Allow-Origin，允许跨域资源共享

 -->